<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>图片上传</title>
<link href="${basePath}/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="${basePath}/js/jquery.min.js"></script>
<script src="${basePath}/js/bootstrap.min.js" type="text/javascript"></script>
<style>
body{
 min-height: 2000px;
 padding-top: 70px;
 background-color: #ededef;
}
.tile {
	position: relative;
	padding: 14px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #eff0f2;
	border-radius: 6px
}

.tile p {
	margin-bottom: 33px;
	font-size: 15px
}

.tile-image {
	height: 100px;
	margin: 31px 0 27px;
	vertical-align: bottom
}

.tile-image.big-illustration {
	width: 112px;
	height: 111px;
	margin-top: 20px
}

.tile-title {
	margin: 0;
	font-size: 20px
}
</style>
</head>
<body>
<!-- 导航栏开始-->
<s:action name="main!navbar" executeResult="true"></s:action>
<!-- 导航栏结束 -->
<div class="container" style="margin-top:40px;">
       <div class="row">
           <div class="col-sm-offset-1 col-sm-8">
             <div class="btn-group" role="group" aria-label="..." style="margin-bottom:20px;">
	            <button  class="btn btn-hg btn-default mrs" style="width:110px;height:110px;" data-placement="top" data-toggle="tooltip" title="上传头像">
	             <img src="img/perIcon.png" alt="" />
	            </button>
	            <button  class="btn btn-hg btn-primary" style="width:140px;height:110px;font-size: 18px;">
	              <img src="img/fontIcon.png"/><p>文字</p>
	            </button>
	            <button  class="btn btn-hg btn-info" style="width:140px;height:110px;font-size: 18px;">
	              <img src="img/picIcon.png"/><p>图片</p>
	            </button>
	            <button  class="btn btn-hg btn-warning" style="width:140px;height:110px;font-size: 18px;">
	              <img src="img/musicIcon.png"/><p>音乐</p>
	            </button>
	            <button  class="btn btn-hg btn-danger" style="width:140px;height:110px;font-size: 18px;">
	              <img src="img/videoIcon.png"/><p>视频</p>
	            </button>
           </div>
           </div>
           <div class="col-sm-3">
            <div class="tile" style="background-color:white;">
            <img src="img/dog.jpg" alt="Compas" class="tile-image big-illustration img-circle"/>
            <h3 class="tile-title">稻草人</h3>
            <p>人生最大的快乐就是做人们说你做不到的事情。</p>
            <a class="btn btn-primary btn-sm btn-block" href="http://designmodo.com/flat">我的资料</a>
          </div>
              <div class="list-group">
            	<a class="list-group-item" href="#"><span class="badge">14</span>文章</a>
            	<a class="list-group-item" href="#"><span class="badge">31</span>邮件</a>
              </div>
           </div>
        </div> 
    </div>
</body>
</html>